<!doctype html>
<html lang="cn" style="font-size:16px">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>ul,li{margin:0;padding:0;list-style:none}i{font-style:normal;} .wrap{width:980px;margin: 100px auto 0;} li>i {float: left;font-size: 30px;}ul li{width:228px;line-height:32px;padding:10px 0 8px 16px;float: left;border:1px solid #eee;margin:-1px 0 0 -1px;}li code{color: rgb(209, 72, 54);padding: .2em .6em .1em .5em;white-space: nowrap;  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;margin: .5em 0 .5em 1.5em;font-size: .8rem;border: .1rem solid rgb(233, 230, 232);background-color: rgb(249, 252, 247);border-radius:.2rem;}</style>
  <link rel="stylesheet" href="D:\git-myProject\lanting\src\css\common.css">
</head>
<body>
<!--请使用浏览器打开-->
  <div class="wrap">
    <ul>
      <li>
        <i class="text-icon icon icon-account"></i>
        <code>.icon-account</code>
      </li>
      <li>
        <i class="text-icon icon icon-branches"></i>
        <code>.icon-branches</code>
      </li>
      <li>
        <i class="text-icon icon icon-briefcase"></i>
        <code>.icon-briefcase</code>
      </li>
      <li>
        <i class="text-icon icon icon-chat"></i>
        <code>.icon-chat</code>
      </li>
      <li>
        <i class="text-icon icon icon-company"></i>
        <code>.icon-company</code>
      </li>
      <li>
        <i class="text-icon icon icon-contract"></i>
        <code>.icon-contract</code>
      </li>
      <li>
        <i class="text-icon icon icon-doctor"></i>
        <code>.icon-doctor</code>
      </li>
      <li>
        <i class="text-icon icon icon-downarrow"></i>
        <code>.icon-downarrow</code>
      </li>
      <li>
        <i class="text-icon icon icon-dropout"></i>
        <code>.icon-dropout</code>
      </li>
      <li>
        <i class="text-icon icon icon-expand"></i>
        <code>.icon-expand</code>
      </li>
      <li>
        <i class="text-icon icon icon-fold"></i>
        <code>.icon-fold</code>
      </li>
      <li>
        <i class="text-icon icon icon-freeaccount"></i>
        <code>.icon-freeaccount</code>
      </li>
      <li>
        <i class="text-icon icon icon-mail"></i>
        <code>.icon-mail</code>
      </li>
      <li>
        <i class="text-icon icon icon-message-fill"></i>
        <code>.icon-message-fill</code>
      </li>
      <li>
        <i class="text-icon icon icon-message"></i>
        <code>.icon-message</code>
      </li>
      <li>
        <i class="text-icon icon icon-phone"></i>
        <code>.icon-phone</code>
      </li>
      <li>
        <i class="text-icon icon icon-prompt-close"></i>
        <code>.icon-prompt-close</code>
      </li>
      <li>
        <i class="text-icon icon icon-prompt-correct"></i>
        <code>.icon-prompt-correct</code>
      </li>
      <li>
        <i class="text-icon icon icon-prompt-failure"></i>
        <code>.icon-prompt-failure</code>
      </li>
      <li>
        <i class="text-icon icon icon-prompt-question"></i>
        <code>.icon-prompt-question</code>
      </li>
      <li>
        <i class="text-icon icon icon-prompt-warning"></i>
        <code>.icon-prompt-warning</code>
      </li>
      <li>
        <i class="text-icon icon icon-report"></i>
        <code>.icon-report</code>
      </li>
      <li>
        <i class="text-icon icon icon-resources"></i>
        <code>.icon-resources</code>
      </li>
      <li>
        <i class="text-icon icon icon-retract"></i>
        <code>.icon-retract</code>
      </li>
      <li>
        <i class="text-icon icon icon-save"></i>
        <code>.icon-save</code>
      </li>
      <li>
        <i class="text-icon icon icon-setting"></i>
        <code>.icon-setting</code>
      </li>
      <li>
        <i class="text-icon icon icon-subaccount"></i>
        <code>.icon-subaccount</code>
      </li>
      <li>
        <i class="text-icon icon icon-suggset-company"></i>
        <code>.icon-suggset-company</code>
      </li>
      <li>
        <i class="text-icon icon icon-suggset-resume"></i>
        <code>.icon-suggset-resume</code>
      </li>
      <li>
        <i class="text-icon icon icon-time"></i>
        <code>.icon-time</code>
      </li>
      <li>
        <i class="text-icon icon icon-trash"></i>
        <code>.icon-trash</code>
      </li>
      <li>
        <i class="text-icon icon icon-uparrow"></i>
        <code>.icon-uparrow</code>
      </li>
    </ul>
  </div>
</body>
</html>
